.kgantt-calendarBottomText {
    text-anchor          : middle;
    fill                 : #333;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
    pointer-events       : none;
}

.kgantt-calendarTopTick {
    stroke: #e6e4e4;
}

.kgantt-calendarTopText {
    text-anchor          : middle;
    fill                 : #555;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
    pointer-events       : none;
}

.kgantt-calendarHeader {
    fill        : #ffffff;
    stroke      : #e0e0e0;
    stroke-width: 1.4;
}

.kgantt-ganttVerticalContainer {
    overflow : hidden;
    font-size: 0;
    margin   : 0;
    padding  : 0;
}

.kgantt-horizontalContainer {
    margin  : 0;
    padding : 0;
    overflow: hidden;
}

.kgantt-horizontalHeaderContainer {
    overflow: hidden;
}

.kgantt-wrapper {
    display   : flex;
    padding   : 0;
    margin    : 0;
    list-style: none;
    outline   : none;
    position  : relative;
}

.kgantt-gridRow {
    fill: #fff;
}

.kgantt-gridRow:nth-child(even) {
    fill: #f5f5f5;
}

.kgantt-gridRowLine {
    stroke: #ebeff2;
}

.kgantt-gridTick {
    stroke: #e6e4e4;
}

.kgantt-scrollArea {
    position: relative;
}

.kgantt-scrollV {
    overflow       : hidden auto;
    width          : 1rem;
    flex-shrink    : 0;
    /*firefox*/
    scrollbar-width: thin;
}

.kgantt-scrollV::-webkit-scrollbar {
    width : 1.1rem;
    height: 1.1rem;
}

.kgantt-scrollV::-webkit-scrollbar-corner {
    background: transparent;
}

.kgantt-scrollV::-webkit-scrollbar-thumb {
    border         : 6px solid transparent;
    background     : rgba(0, 0, 0, 0.2);
    background     : var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));
    border-radius  : 10px;
    background-clip: padding-box;
}

.kgantt-scrollV::-webkit-scrollbar-thumb:hover {
    border         : 4px solid transparent;
    background     : rgba(0, 0, 0, 0.3);
    background     : var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
    background-clip: padding-box;
}

.kgantt-nowrap-space {
    display    : flex;
    white-space: nowrap;
    position   : relative;
}

.kgantt-scrollWrapper {
    overflow       : auto;
    max-width      : 100%;
    /*firefox*/
    scrollbar-width: thin;
    /*iPad*/
    height         : 1.2rem;
}

.kgantt-scrollWrapper::-webkit-scrollbar {
    width : 1.1rem;
    height: 1.1rem;
}

.kgantt-scrollWrapper::-webkit-scrollbar-corner {
    background: transparent;
}

.kgantt-scrollWrapper::-webkit-scrollbar-thumb {
    border         : 6px solid transparent;
    background     : rgba(0, 0, 0, 0.2);
    background     : var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));
    border-radius  : 10px;
    background-clip: padding-box;
}

.kgantt-scrollWrapper::-webkit-scrollbar-thumb:hover {
    border         : 4px solid transparent;
    background     : rgba(0, 0, 0, 0.3);
    background     : var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
    background-clip: padding-box;
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

.kgantt-scrollX {
    height: 1px;
}

.kgantt-tooltipDefaultContainer {
    background: #fff;
    padding   : 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.kgantt-tooltipDefaultContainerParagraph {
    font-size    : 12px;
    margin-bottom: 6px;
    color        : #666;
}

.kgantt-tooltipDetailsContainer {
    position             : absolute;
    display              : flex;
    flex-shrink          : 0;
    pointer-events       : none;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
}

.kgantt-tooltipDetailsContainerHidden {
    visibility    : hidden;
    position      : absolute;
    display       : flex;
    pointer-events: none;
}


.kgantt-barWrapper {
    cursor : pointer;
    outline: none;
}

.kgantt-barWrapper:hover .kgantt-barHandle {
    visibility: visible;
    opacity   : 1;
}

.kgantt-barHandle {
    fill      : #ddd;
    cursor    : ew-resize;
    opacity   : 0;
    visibility: hidden;
}

.kgantt-barBackground {
    user-select : none;
    stroke-width: 0;
}

.kgantt-milestoneWrapper {
    cursor : pointer;
    outline: none;
}

.kgantt-milestoneBackground {
    user-select: none;
}

.kgantt-projectWrapper {
    cursor : pointer;
    outline: none;
}

.kgantt-projectBackground {
    user-select: none;
    opacity    : 0.6;
}

.kgantt-projectTop {
    user-select: none;
}

.kgantt-barLabel {
    fill                 : #fff;
    text-anchor          : middle;
    font-weight          : lighter;
    dominant-baseline    : central;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
    pointer-events       : none;
}

.kgantt-barLabelOutside {
    fill                 : #555;
    text-anchor          : start;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
    pointer-events       : none;
}

.kgantt-ganttTable {
    display      : table;
    border-bottom: #e6e4e4 1px solid;
    border-top   : #e6e4e4 1px solid;
    border-left  : #e6e4e4 1px solid;
}

.kgantt-ganttTable_Header {
    display   : table-row;
    list-style: none;
}

.kgantt-ganttTable_HeaderSeparator {
    border-right: 1px solid rgb(196, 196, 196);
    opacity     : 1;
    margin-left : -2px;
}

.kgantt-ganttTable_HeaderItem {
    display       : table-cell;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    text-align    : center;
}

.kgantt-taskListWrapper {
    display      : table;
    border-bottom: #e6e4e4 1px solid;
    border-left  : #e6e4e4 1px solid;
}

.kgantt-taskListTableRow {
    display      : table-row;
    text-overflow: ellipsis;
}

.kgantt-taskListTableRow:nth-of-type(even) {
    background-color: #f5f5f5;
}

.kgantt-taskListCell {
    display       : table-cell;
    vertical-align: middle;
    white-space   : nowrap;
    text-align    : center;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.kgantt-taskListNameWrapper {
    display: flex;
}

.kgantt-taskListExpander {
    color      : rgb(86 86 86);
    font-size  : 0.6rem;
    padding    : 0.15rem 0.2rem 0rem 0.2rem;
    user-select: none;
    cursor     : pointer;
}

.kgantt-measureDate {
    text-align: center;
}

.kgantt-taskListEmptyExpander {
    font-size   : 0.6rem;
    padding-left: 1rem;
    user-select : none;
}

.kgantt-Wrapper {
    margin-bottom: 2rem;
}

.kgantt-ViewContainer {
    list-style             : none;
    -ms-box-orient         : horizontal;
    display                : flex;
    -webkit-justify-content: flex-end;
    justify-content        : flex-end;
    align-items            : center;
}

.kgantt-Button {
    background-color: #e7e7e7;
    color           : black;
    border          : none;
    padding         : 15px 16px;
    text-decoration : none;
    border-radius   : 5px;
    margin          : 4px 2px;
    cursor          : pointer;
    font-size       : 14px;
    text-align      : center;
}

.kgantt-Switch {
    margin         : 4px 15px;
    font-size      : 14px;
    font-family    : "Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue";
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.kgantt-Switch_Toggle {
    position    : relative;
    display     : inline-block;
    width       : 60px;
    height      : 30px;
    margin-right: 5px;
}

.kgantt-Switch_Toggle input {
    opacity: 0;
    width  : 0;
    height : 0;
}

.kgantt-Slider {
    position          : absolute;
    cursor            : pointer;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    background-color  : #ccc;
    -webkit-transition: 0.4s;
    transition        : 0.4s;
}

.kgantt-Slider:before {
    position          : absolute;
    content           : "";
    height            : 21px;
    width             : 21px;
    left              : 6px;
    bottom            : 4px;
    background-color  : white;
    -webkit-transition: 0.4s;
    transition        : 0.4s;
}

kgantt-input:checked+.Slider {
    background-color: #2196f3;
}

kgantt-input:focus+.Slider {
    box-shadow: 0 0 1px #2196f3;
}

kgantt-input:checked+.Slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform    : translateX(26px);
    transform        : translateX(26px);
}